<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
    <title>各种控件的例子</title>

    <link rel="icon" type="image/png" href="/img/icon.png">

    <script type="text/javascript" src="/h5/newall/newall.js"></script>


<script type="text/javascript" src="/h5/js/all2.js"></script>

  <link rel="stylesheet" type="text/css" href="/h5/newall/newall.css">


</head>
<body>

<div class="mui-content-padded H5body" id="gangwei">

    <MCform id="jobForm" action="/api/home/release/recruit"
            fromapi0="/api/app/call/getjobcompanysinfo"
            fromapiId="id"
            class="mctag ">
        <MCtitle class="mctag">各种控件例子</MCtitle>
        <div class="mui-input-row">
            <span class="Must">*</span>
            <label>职位</label>
            <input type="text" class="zhiweiSelectDiv" zhiweiid="job" mcname="job_name"
                   defaultval="" placeholder="请选择职位"/>
            <input type="hidden" mcname="job"/>
            <input type="hidden" mcname="id"/>
        </div>


        <div class="mui-input-row">
            <label>灰色字体1</label>
            <span class="codeash value">灰色字体1</span>
        </div>
        <div class="mui-input-row">
            <label>H2</label>
            <h2 class="h2">H2用于大标题</h2>
        </div>
        <div class="mui-input-row">
            <label>H4</label>
            <h4 class="h4">H4用于小标题</h4>
        </div>
        <div class="mui-input-row">
            <label>块级按钮</label>
            <button style="
    width: 64%;
" class="mui-btn mui-btn-primary mui-btn-block denglubtn">登录</button>
        </div>
        <div class="mui-input-row">
            <label>图标</label>
            <div class="mui-row">
                <i class="icoFile icoFill1"></i>
                <i class="icoFile icoFill2"></i>
                <i class="icoFile icoFill3"></i>
                <i class="icoFile icoduihao"></i>
            </div>
        </div>

        <div class="mui-input-row">
            <span class="Must">*</span>
            <label>联系人</label>
            <input mcname="contact_name" type="text"
                   class="mui-input-clear" placeholder="请输入联系人姓名"/>

        </div>
        <div class="mui-input-row">
            <span class="Must">*</span>
            <label>技术工种</label>
            <input type="text" mcname="skill" class="mui-input-clear" placeholder="技术工种"/>
        </div>
        <div class="mui-input-row">
            <span class="Must">*</span>
            <label>性别要求</label>
            <MCselect mcname="sex" defaultval="" class="mui-btn-block mctag mui-input-clear">
                <option value="">请选择</option>
                <option value="1">男</option>
                <option value="2">女</option>
                <option value="3">不限</option>
            </MCselect>
        </div>
        <div class="mui-input-row">
            <span class="Must">*</span>
            <label>联系电话</label>
            <input type="number" mcname="contact_telephone" class="mui-input-clear"
                   placeholder="联系电话"/>
        </div>
        <div class="mui-input-row">
            <span class="Must">*</span>
            <label>工作地点</label>
            <input type="text" mcname="address" class="mui-input-clear" placeholder="工作地点"/>
        </div>
        <div class="mui-input-row">
            <span class="Must">*</span>
            <label>福利待遇</label>
            <MCselect mcname="welfare" defaultval="" class="mui-btn-block mctag mui-input-clear">
                <option value="">请选择</option>
                <option value="0">暂无</option>
                <option value="1">包住</option>
                <option value="2">包吃</option>
                <option value="3">包吃包住</option>
            </MCselect>
        </div>
        
        <div class="mui-input-row">
            <span class="Must">*</span>
            <label>选择日期</label>
            <MCdate mcname="date" defaultval="2020-09-12" class="mui-btn-block mctag mui-input-clear">
                请选择日期
            </MCdate>
        </div>



        <div class="mui-input-row">
            <span class="Must">*</span>
            <label>人数</label>
            <input type="number" mcname="num" class="mui-input-clear" placeholder="人数"/>
        </div>

        <div class="mui-input-rowtable">

            <label>基本信息<span class="Must">*</span></label>
            <div class="zhuangtai">
                <span class="span">请上传</span>
                <a class="rightico"></a>
            </div>
        </div>
        <div class="mui-input-rowtable">

            <label>证件上传<span class="Must">*</span></label>
            <div class="zhuangtai on">
                <span class="span">已上传</span>
                <a class="rightico"></a>
            </div>
        </div>



        <div class="mui-input-row2" style="margin: 10px 5px;">

            <h5><span class="Must">*</span>岗位要求</h5>
            <textarea mcname="detail" rows="5" placeholder="岗位要求"></textarea>
        </div>
        <div class="mui-input-row2" style="margin: 10px 5px;">

            <h5><span class="Must">*</span>公司信息</h5>
            <textarea mcname="content" rows="5" placeholder="岗位要求"></textarea>
        </div>


        <div class="mui-input-row2" style="margin: 10px 5px;">
            <span class="Must">*</span>
            <h5>相册</h5>
            <productPictureDiv mcname="imgDetails" id="imgDetails" tip="工作环境,工位"></productPictureDiv>
        </div>


        <div class="mui-input-row">
            <span class="Must">*</span>
            <label>月薪</label>
            <input type="text" mcname="emolument"
                   class="mui-input-clear" placeholder="比如:8K-10K"/>
        </div>
        <div class="mui-input-row">
            <span class="Must">*</span>
            <label>公司名称</label>
            <MCselect mcname="company_name" defaultval="0" class="mui-btn-block mctag mui-input-clear">

            </MCselect>
        </div>
        <div class="mui-input-row">
            <span class="Must">*</span>
            <label>工作时间</label>
            <input type="text" mcname="work_hour"
                   class="mui-input-clear" placeholder="如：09:00-18:00"/>
        </div>

        <div class="mui-input-row">
            <span class="Must">*</span>
            <label>休班制度</label>
            <MCselect mcname="rest" defaultval="" class="mui-btn-block mctag mui-input-clear">
                <option value="">请选择</option>
                <option value="1">单休</option>
                <option value="2">双休</option>
            </MCselect>
        </div>
        <div class="mui-input-row">
            <span class="Must">*</span>
            <label>学历</label>
            <MCselect mcname="education" defaultval="" class="mui-btn-block mctag mui-input-clear">
                <option value="">请选择</option>
                <option value="1">小学</option>
                <option value="2">初中</option>
                <option value="3">高中</option>
                <option value="4">大专</option>
                <option value="5">本科</option>
                <option value="6">研究生</option>
                <option value="7">其他</option>
            </MCselect>
        </div>
        <div class="mui-input-row">
            <span class="Must">*</span>
            <label>工作年限</label>
            <MCselect mcname="work_year" defaultval=""
                      class="mui-btn-block mctag mui-input-clear">
                <option value="">请选择</option>
                <option value="1">一年以内</option>
                <option value="2">一至二年</option>
                <option value="3">三至五年</option>
                <option value="4">五年以上</option>
            </MCselect>
        </div>

        <div class="mui-input-row">
            <span class="Must">*</span>
            <label>年龄要求</label>
            <input type="hidden" mcname="age_range"/>
            <div class="mui-numboxDiv">
                <div id="age_range1" class="mui-numbox" data-numbox-step='1'
                     data-numbox-min='18' data-numbox-max='90'>
                    <button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
                    <input value="18" mcname="age_range1" class="mui-input-numbox" type="number"/>
                    <button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
                </div>
                <span style="
    line-height: 38px;
    float: left;
    margin-right: 5px;
">~</span>
                <div class="mui-numbox" data-numbox-step='1' data-numbox-min='18' data-numbox-max='90'>
                    <button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
                    <input value="18" mcname="age_range2" class="mui-input-numbox" type="number"/>
                    <button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
                </div>
            </div>


        <div class="mui-input-row">
            <span class="Must">*</span>
            <label>工作年限</label>
            <MCselect mcname="work_year" defaultval=""
                      class="mui-btn-block mctag mui-input-clear">
                <option value="">请选择</option>
                <option value="1">一年以内</option>
                <option value="2">一至二年</option>
                <option value="3">三至五年</option>
                <option value="4">五年以上</option>
            </MCselect>
        </div>


        </div>
        <div class="mui-input-row">
            <span class="Must">*</span>
            <label>邮箱</label>
            <input type="text" mcname="email"
                   class="mui-input-clear" placeholder="name@163.com"/>

        </div>


        <button type="submit" style="
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
    margin-top: 15px;" class="mui-btn mui-btn-primary">
            发布
        </button>

        <button type="button"
                    class="mui-btn mui-btn-primary" disabled="disabled" style="width:100%;
                    margin: 15px auto; display: block;">
            暂时无效
        </button>

    </MCform>


</div>



<script>
    var view = new MC.View.MCform('#jobForm');
    view.submitVerification = function () {
        view.vue.age_range = view.vue.age_range1 + ',' + view.vue.age_range2;
        return true;
    }
    view.formgetJson=function(obj){
        var list=obj.age_range.split(",");
        obj.age_range1=list[0];
        obj.age_range2=list[1];
    }
    view.Success=function(data){
        window.open('/h5/my/job/zhaopin.html?id='+data.id,"_self");
    }
  //  MC.apiD("/api/home/release/option", {}, function (data) {
   //     view.children.company_name.setData(data.company_name);
  //  });
</script>
</body>
</html>